<!DOCTYPE html>
<html>
	<head>
		<meta charset=utf-8 />
		<title>
			StudentVoice - {%block pagetitle %}{% endblock %}
		</title>
		
		<!-- CSS -->
		<link rel="stylesheet" type="text/css" media="screen" href="../css/reset.css" />
		<link rel="stylesheet" type="text/css" media="screen" href="../css/style.css" />
		<script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script>
		<script type="text/javascript" src="../js/jquery-ui-1.8.19.custom.min.js"></script>
		<!-- <script type="text/javascript" src="../js/jeditable.js"></script> -->
		{% block script %}{% endblock %}
		<!--[if IE]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
	</head>
	<body>
		<div id="wrap">
			<div id="main">
				<img class="push_right" id="logo"  src="../img/logo.png" alt="logo"/>
				<div id="menu">
					<ul>
						<li><a href="main">Course Editor</a></li><!--
						--><li><a href="chart">Class Montior</a></li><!--
						--><li><a href="studentMain">Student View</a></li><!--
						-->
					</ul>
				</div>
				<h1  class="push_right">{% block title %}{% endblock %}<!-- ADD MENU TITLE --></h1>
				<div class="push_right" id="nav">
					<ul>
						{% block mainmenu %}{% endblock %}
					<!-- SAMPLE NAV
						<li><a href="main">Courses</a></li>
						<li><a href="main">Classes</a></li>
						<li><a href="main">Topics</a></li>
						<li><a href="main">Quizes</a></li>
					-->
					</ul>
				</div>
				<div id="sidebar">
					 {% block sidemenu %}{% endblock %}

				</div>
				<div id="window">
					<div id="content">
						{% block primary %}{% endblock %}
					</div>
				</div>
				<div id="footer">
					<span>&copy;StudentVoice 2012</span>
				</div>
			</div>
		</div>
	</body>
</html>